@extends('Backstage.Layouts.layout')

@section('content')


    <div class="layui-btn-group demoTable">
        <a href="{{URL::route('admin_note_save')}}" class="layui-btn ">创建节点</a>
    </div>


    <table id="list" lay-filter="list"></table>
    <script type="text/html" id="bar">
        {{--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>--}}
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>

@stop
@section('script')
    <script>


        layui.use('table', function(){
            var table = layui.table,form = layui.form;

            layer.msg('数据渲染中···', {
                icon: 16
                ,shade: 0.01
            },0);
            //第一个实例
            table.render({
                elem: '#list'
                ,method: 'post'
                ,where:{_token:'{{csrf_token()}}'}
//                ,limit:10
                ,loading:true
                ,cellMinWidth: 120
                ,url: '{{URL::route('admin_note_index')}}' //数据接口
//                ,page: true //开启分页
                ,cols: [[ //表头
                    {field: 'admin_note_id',width:80, title: '节点ID'}
                    ,{field: 'admin_note_name', title: '节点名称'}
                    ,{field: 'admin_note_created_time' ,title: '创建时间'}
                    ,{field: 'menu', title: '操作',toolbar: '#bar'}
                ]],done:function () {
                    layer.closeAll();
                }
            });

            //监听工具条
            table.on('tool(list)', function(obj){
                var data = obj.data;

                if(obj.event === 'del'){
                    layer.confirm('真的删除行么', function(index){
                        del(data.admin_note_id,'{{URL::route('admin_note_del')}}');
                    });
                } else if(obj.event === 'edit'){
                    location.replace('{{URL::route('admin_note_save')}}'+'?id='+data.admin_note_id);
                }
            });

        });
    </script>
@stop

